<template>
  <grid-view  :lineSpace="15" :v-margin="20" v-if="categoryDetail">
    <goods-list-item v-for="(item, index) in categoryDetail" :key="index" :goods-item="item"></goods-list-item>
  </grid-view>
</template>

<script>
  import GridView from '@/components/common/grid/GridView'
  import GoodsListItem from '@/components/content/goods/GoodsListItem'

  export default {
    name: "TabContentDetail",
    components: {
      GridView,
      GoodsListItem
    },
    props: {
      categoryDetail: {
        type: Array,
        default() {
          return []
        }
      }
    },
    created(){
      console.log(this.categoryDetail)
      // console.log("123132132132sadasdasd")
    }
  }
</script>

<style scoped>

</style>
